HTML Text Formatting

HTML पाठ स्वरूपण तत्व

HTML Text Formatting

HTML में टेक्स्ट को विशेष अर्थ के साथ परिभाषित करने के लिए कई तत्व शामिल हैं।

उदाहरण

यह पाठ मोटे अक्षरों में है

यह पाठ इटैलिकाइज़्ड है

यह एच है2ओ (सबस्क्रिप्ट) और एक्स2(ओवरराइट)

HTML Formatting Elements

डिज़ाइन तत्व विशेष प्रकार के पाठ प्रदर्शित करने के लिए डिज़ाइन किए गए हैं:

<b> - बोल्ड टेक्स्ट

बिना महत्व का बोल्ड टेक्स्ट

<मजबूत> - महत्वपूर्ण पाठ

सशक्त महत्व वाला पाठ

<i> - इटैलिक टेक्स्ट

आवाज या मनोदशा का पाठ बदलें

<em> - जोर दिया गया पाठ

जोर दिया गया पाठ

HTML <b> और <strong> तत्व

HTML <b>घटक बिना किसी अतिरिक्त जोर के बोल्ड टेक्स्ट को परिभाषित करता है।

उदाहरण: <b>

<b>This text is bold</b>

यह पाठ मोटे अक्षरों में है

उदाहरण: <मजबूत>

<strong>This text is important!</strong>

यह पाठ महत्वपूर्ण है!

जसिफ़ टीम हेल्पनोट:

<strong>जबकि, घटक सामग्री के महत्व को इंगित करता है<b>घटक केवल दृश्य स्वरूप का प्रतिनिधित्व करता है।

HTML <i> और <em> तत्व

HTML <i>घटक परिवर्तन पाठ के एक भाग को आवाज या मनोदशा में परिभाषित करता है। सामग्री आमतौर पर इटैलिक में प्रदर्शित की जाती है।

जसिफ़ टीम हेल्पनोट:

<i>टैग का उपयोग अक्सर किसी तकनीकी शब्द, किसी अन्य भाषा के वाक्यांश, किसी विचार, जहाज के नाम आदि को संदर्भित करने के लिए किया जाता है।

उदाहरण: <i>

<i>This text is italic</i>

यह पाठ इटैलिकाइज़्ड है

उदाहरण: <em>

<em>This text is emphasized</em>

इस पाठ पर बल दिया गया है

नोट:

एक स्क्रीन रीडर<em>मौखिक तनाव का उपयोग करते हुए शब्दों का उच्चारण तनाव के साथ किया जाता है।

अन्य HTML डिज़ाइन तत्व

<छोटा> तत्व

लघु पाठ को परिभाषित करता है:

<small>This is some smaller text.</small>

यह सादा पाठ हैयह संक्षिप्त पाठ है

<चिह्न> तत्व

हाइलाइट या हाइलाइट किए जाने वाले टेक्स्ट को परिभाषित करता है:

<p>Do not forget to buy <mark>milk</mark> today.</p>

आजदूधखरीदना न भूलें.

<डेल> तत्व

दस्तावेज़ से हटाए जाने वाले टेक्स्ट को परिभाषित करता है:

<p>My favorite color is <del>blue</del> red.</p>

मेरा पसंदीदा रंगनीलालाल.

<ins> तत्व

किसी दस्तावेज़ में डाले गए पाठ को परिभाषित करता है:

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

मेरा पसंदीदा रंगनीला लाल.

<उप> तत्व

उपशीर्षक पाठ को परिभाषित करता है. सबस्क्रिप्ट टेक्स्ट सामान्य लाइन पर आधे अक्षर के नीचे दिखाई देता है:

<p>This is <sub>subscripted</sub> text.</p>

यह एच है2O (पानी) - रासायनिक सूत्र के लिए उपयोग किया जाता है

<सुपर> तत्व

ओवरले टेक्स्ट को परिभाषित करता है. ओवरहेड टेक्स्ट सामान्य लाइन पर आधे अक्षर से ऊपर दिखाई देता है:

<p>This is <sup>superscripted</sup> text.</p>

यह WWW है[1]- एडनोट्स के लिए उपयोग किया जाता है

अभ्यास

निम्नलिखित में से कौन सा HTML तत्व टेक्स्ट को बोल्ड बनाता है?

<em> और <b>
✗ ग़लत! <em> टेक्स्ट को बोल्ड नहीं बल्कि इटैलिक बनाता है
<मजबूत> और <b>
✓ ठीक है! <strong> और <b> दोनों टेक्स्ट को बोल्ड बनाते हैं
<बड़ा> और <बी>
✗ ग़लत! HTML5 में <big> को हटा दिया गया है
<चिह्न> और <बी>
✗ ग़लत! <mark> टेक्स्ट को बोल्ड नहीं बल्कि अलग दिखाता है

जसिफ़ टीम महत्वपूर्ण नोट:

<strong>और<b>प्रदर्शित होने पर दोनों बोल्ड टेक्स्ट उत्पन्न करते हैं, लेकिन<strong>शब्दार्थ भी महत्वपूर्ण हैं.

सर्वोत्तम अभ्यास

उपयुक्त घटकों का उपयोग करें:सिर्फ दिखावे के लिए<b>उच्चा करना, सामग्री महत्व के लिए<strong>उपयोग
शब्दार्थ बनाए रखें:इटैलिक केवल प्रदर्शन के लिए हैं<i>उच्चारण, उच्चारण के लिए<em>उपयोग
सीएसएस को प्राथमिकता दें:शुद्ध उपस्थिति फ़ॉर्मेटिंग के लिए CSS का उपयोग करें, HTML फ़ॉर्मेटिंग तत्वों का नहीं।
पुराने घटकों से बचें: <font>, <center>, <big>जैसे पुराने घटकों का उपयोग न करें